<template>
<view class="has-more"><view class="content" :style="{'background': bgColor}">{{msg}}</view></view>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	props: {
		msg: {
			type: String, default: "加载中"
		},
		bgColor: {
			type: String, default: "#fff"
		}
	},
	methods: {
	}
}
</script>

<style lang="scss">
.has-more {
	border-top:1px #ddd solid; width: 100%; text-align: center; position: relative; margin-top: 60rpx; padding-bottom: 40rpx;
	width: 90%; margin-left: 5%; 
	
	.content {
		color:#999; position: absolute; width: 300rpx; left: 50%; margin-left: -150rpx; margin-top: -30rpx; height: 60rpx; line-height: 60rpx; font-size: 24rpx;
	}
}
</style>